<html>
    <head>
        <title>{title}</title>
        {javascript_base}
        {css_base}
        <style>
            .shadow {
                -moz-box-shadow: 3px 3px 4px #111;
                -webkit-box-shadow: 3px 3px 4px #111;
            }
            td {
                font-family: Arial;
                font-size: 13px;
            }
            
            #navi {  
                list-style:none;
                margin:0;
                padding:0;
            }

            #navi li {
                margin:2px;
                padding:2px;
                border:1px solid#CCCCCC;
            }
            
            #navi li:hover{
                background-color: #A9BCF5;
                
            }
            
            #navi li a{
                color:black;
                width: max-content;
                text-decoration: none;
                font-weight: bold;
            }
            
        </style>
    </head>
    
    <body bgcolor="#848484">
    <center>
        <table width="95%" class="shadow" style="border:1px solid #D8D8D8; border-collapse: collapse;">
            <tr>
                <td colspan="2" height="150" align="right" bgColor="#A9BCF5">
                    <div id="logo" style="position: absolute; left:50px; top: 25px;">
                        <table width="400">
                            <tr>
                                <td align="right">
                                    <img src="{pathimage}/logo.png" width="120" height="120"/>
                                </td>
                                <td style="font-family: Time New Roman; font-style: italic; font-weight: bold; font-size: 36px; color:white;">
                                    <a href="http://www.nauyalfsoft.com.ve" style="text-decoration:none; color:white;">NauyalfSOFT</a><br/>
                                    <div style="font-family: Time New Roman; font-style: italic; font-weight: bold; font-size: 16px; color:white;">
                                        &nbsp;&nbsp;&nbsp; Tecnologia OpenSource 
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td width="200" bgcolor="white" valign="top" style="border-right: 1px dashed #A9BCF5;">
                    {menu}
                </td>
                <td height="400" bgcolor="white" valign="top">
                    <table width="100%" >
                        <tr>
                            <td width="5">&nbsp;</td>
                            <td style="height:25px; border-bottom:1px dashed #A9BCF5;" align="right">
                                <b>&nbsp;Bienvenido {session_login} &nbsp;<b> {logout} 
                            </td>
                            <td width="5">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="3">&nbsp;</td>
                        </tr>
                        <tr>
                            <td width="5">&nbsp;</td>
                            <td valign="top">
                                {content}
                            </td>
                            <td width="5">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="2" height="50" bgColor="#A9BCF5" align="right" style="font-size: 14px; color:white; font-weight: bold;">
                     Copyright 2012-2013 - <a href="http://www.nauyalfsoft.com.ve" style="color:white; font-weight: bold; text-decoration: none;">NauyalfSOFT<a>&nbsp;&nbsp;
                </td>
            </tr>
        </table>
    </center>
    </body>
</html>
